html {
    font-size: 100%;
    height: 100%;
    margin-bottom: 1px;
}
/**页面基本样式**/
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 12px;
}
/********************************      Elements styling      ********************************/
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}
h1{
    font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff;
    position: absolute; top: -1000px;
}
h2 { font-size: 26px; padding: 0 0 10px 0; }
h3 { font-size: 17px; padding: 0 0 10px 0; }
h4 { font-size: 16px; padding: 0 0 5px 0; }
h5 { font-size: 14px; padding: 0 0 5px 0; }
h6 { font-size: 12px; padding: 0 0 5px 0; }
a { color: #57a000; text-decoration: none; }
a:hover { color: #57a000;}
a:active{ color: #777; }
a:focus { outline: 1px; }
strong { font-weight: bold; color: #333; }
small { font-size: 0.85em; }
pre { font-family: monospace; }
p {
    padding: 10px 0 10px 0;
    line-height: 1.6em;
}
/********************************      General Classes      ********************************/
.clear:after { display: block;clear: both; content: "."; visibility: hidden;
    height: 0;
}
.clear{
    zoom: 1;
}
.align-left {
    float: left;
}
.align-right {
    float: right;
}